<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- TDK -->
	<title>小U商城</title>
	<meta name="description" content="Java培训，Java培训机构，中公优就业">
	<meta name="keywords" content="Java培训，Java培训机构，中公优就业">
	<!-- 引入js -->
	<script src="./js/remScale.js"></script>
	<!-- 引入清除样式 -->
	<link rel="stylesheet" href="./css/normalize.css">
	<!-- 用不习惯  再引用 -->
	<link rel="stylesheet" href="./css/reset.css">
	<!-- 引入公共样式 -->
	<link rel="stylesheet" href="./css/public.css">
	<!-- 引入本页样式 -->
	<link rel="stylesheet" href="./css/mine.css">
</head>
<body>
	<div class="pape">
		<div class="top">
            <a href="#">
				<img src="./images/top-arrow.png" alt="">
			</a>
            <p>我的</p>
            <img src="./images/top-nav.png" alt="">
        </div> 
		<div class="user-img">
			<img src="./images/我的-傻屌.png" alt="">
			<div class="font">
				<h2>代用名</h2>
				<p>完善资料让小U更懂您</p>
			</div>
			<div class="every-day">
				<img src="./images/我的-红包.png" alt="">
				<p>每日签到</p>
			</div>
		</div>
		<div class="user-see">
			<div>
				<h3>12</h3>
				<p>我的收藏</p>
			</div>
			<div>
				<h3>12</h3>
				<p>浏览记录</p>
			</div>
			<div>
				<h3>￥0</h3>
				<p>我的红包</p>
			</div>
			<div>
				<h3>12</h3>
				<p>优惠券</p>
			</div>
		</div>
		<div class="mine-goods">
			<div class="top">
				<h3>我的订单</h3>
				<p>
					全部订单
					<img src="./images/商品详情_查看.png" alt="">
				</p>
			</div>
			<div class="bottom">
				<div>
					<img src="./images/payment.png" alt="">
					<p>待付款</p>
				</div>
				<div>
					<img src="./images/delivery.png" alt="">
					<p>待收货</p>
				</div>
				<div>
					<img src="./images/evaluation.png" alt="">
					<p>评价</p>
				</div>
				<div>
					<img src="./images/service.png" alt="">
					<p>售后/退款</p>
				</div>
			</div>
		</div>
		<article>
			<section>
				<div class="left">
					<img src="./images/address.png" alt="">
					地址管理
				</div>
				<div class="right">
					<img src="./images/商品详情_分期.png" alt="">
				</div>
			</section>
			<section>
				<div class="left">
					<img src="./images/wallet.png" alt="">
					我的钱包
				</div>
				<div class="right">
					<p>剩余200U币</p>
					<img src="./images/商品详情_分期.png" alt="">
				</div>
			</section>
			<section>
				<div class="left">
					<img src="./images/QR_code.png" alt="">
					我的二维码
				</div>
				<div class="right">
					<img src="./images/商品详情_分期.png" alt="">
				</div>
			</section>
			<section>
				<div class="left">
					<img src="./images/partner.png" alt="">
					我的小伙伴
				</div>
				<div class="right">
					<img src="./images/商品详情_分期.png" alt="">
				</div>
			</section>
			<a href="./wx-login.html">
				<section>
					<div class="left">
						<img src=".//images/free.png" alt="">
						0元试用
					</div>
					<div class="right">
						<img src="./images/商品详情_分期.png" alt="">
					</div>
				</section>
			</a>
		</article>
		<footer>
			<a href="./index.html">
				<div>
					<img src="./images/unselected (2).png" alt="">
					<p>商城</p>
				</div>
			</a>
			<a href="./sort.html">
				<div>
					<img src="./images/unselected (2).png" alt="">
					<p>分类</p>
				</div>
			</a>
			<a href="shop-car.html">
				<div>
					<img src="./images/unselected (2).png" alt="">
					<p>购物车</p>
				</div>
			</a>
			<a href="#">
				<div>
					<img src="./images/selected (2).png" alt="">
					<p class="click">我</p>
				</div>
			</a>
        </footer>
	</div>
</body>
</html>